<template>
	<view class="page">
		<view class="head">
			<view class="p-c">
				同学你好，你的测试结果为：
			</view>
			<view class="h1-c">
				社会型
			</view>
			<view class="p">
				人格特征：社会型的人有较强的社会责任感和人道主义倾向，社会适应能力较强。他们善于与人交往，喜欢
				周围有别人存在，对别人的是很有兴趣，乐于帮助别人解决难题。这种人喜欢与人而不是与事物打交道。“乐于助
				人、有责任心、热情、开朗、友好、善良、易于合作”是对他们较好的描述。这类人喜欢社会交际性工作，如教师、
				医生、护士、公关人员、销售人员等。
			</view>
		</view>

		<view class="cont-wrap border">
			亲爱的王秀江同学：
			你好！
			非常感谢你选择文鼎教育高考报考志愿指导，并成为我们的会员。随着高等教育的发展，教育大众
			化时代已经到来，高考升学的机会不断扩大，如何选择一个自己感兴趣并且适合自己的专业成为众多
			考生家长关注的焦点。
			在这份报告里面，我们将综合分析你的各方面特征并给出如何填报志愿的相应建议，希望我们的指
			导报告可以帮助你清晰的认识自我，为你的高考专业选择和未来生涯发展提供有效的帮助。
		</view>

		<!-- 测评结果 -->
		<view class="radar">
			<view class="title">
				测评结果
			</view>
			<view class="cont">
				<canvas canvas-id="canvasRadar" id="canvasRadar" class="charts"></canvas>
			</view>
		</view>
		<!-- 职业兴趣测试报告 -->
		<view class="report">
			<view class="title">
				职业兴趣测试报告
			</view>
			<view class="cont-wrap">
				不管怎样，与人打交道是一个极其重要的能力，我们生活在一个以人为本的世界里，这项能力将
				使得你比周围同学具备更强大的社会适应力和职业竞争力。而随着你的不断成长，你所积累的人脉资
				源将成为你最为宝贵的一笔财富并会给你不断带来各种以外惊喜与收获。
				社会型 职业特征分析：
				从事更多时间与人打交道的说服、教育和治疗工作。如教师、医生、护士、心理学
				工作者，社会活动家等
			</view>
		</view>
		<!-- 职业信息检索 -->
		<view class="retrieval">
			<view class="title">
				职业信息检索
			</view>
			<view class="cont-wrap">
				社会型（S）
				代号：SEC  社会服务活动家  商行代表  商会执行者  宿舍管理  雇佣会谈者  旅馆经理  工作、职业
				分析  饮食服务管理  利润管理  住宿管理  酒吧
				招待  旅馆老板  快餐服务
				   代号：SER  赔索调停
				   代号：SEI  医院管理  教育学院校长  历史学家  历史教师  家庭服务指导  教育、培训  培训人员
				 售票代理人  旅馆服务员
				   代号：SRI  电话分机员
				   代号：SRE  运动员教练  房屋管理  体育指导  幼儿家庭教师  开车指导  管家职业理疗  侦探
				 职业运动员  男（女）舍监  警官
				   代号：SRC  理发师  医院职员
				   代号：SIA  临床（顾问）心理学者  大学教授 政治科学家  社会学家  社会科学家  成人教育教师
				 团体福利工作  当班护士  恢复疗法  学校顾问  社会工作人员  演讲教师 教师  职业恢复顾问  助教
				 社会服务助手  
				    代号：SAC  整容专家 电疗学家  尸体防腐剂 发型专家  理疗助手  指甲修剪师
				    代号：SAI  牧师 图书管理员  特殊教育教师  发音矫正者  牙科助理  有护照的（业余）护士  病
				历档案管理  牙科卫生学  
				    代号：SIC  学校管理  食品、医药验收  假释警员  社会科学教师  
				    代号：SIR  足病医生  吸气疗法  外科专家  治疗方法专家
				    代号：SAE  顾问  小学教师  外语教师  中学教师  家政教师  家政学家  主妇  学前教师  鞋
				店经理
				    代号：SEA  文娱管理  雇员管理  外事办事员  文娱指导  自愿服务管理
				    代号：SCE  内务管理  生产合作  公共健康服务官员  剧场经理   筹备文娱节目的人  信贷参考
				管理  酒店经理  饭店老板
			</view>
		</view>

	</view>
</template>

<script>
	import uCharts from '@/components/u-charts/u-charts.js';
	var _self;
	var canvaRadar = null;
	export default {
		data() {
			return {
				cWidth: '',
				cHeight: '',
				pixelRatio: 1,
				//雷达图数据
				resultData: {
					"categories": ["语言智能", "逻辑数理智能", "规律观察智能", "自知自省智能", "交往交流智能", "音乐节奏智能", "身体动觉智能", "视觉空间智能"],
					"series": [{
						"name": "测评结果",
						"data": [60, 60, 80, 53, 67, 54, 40, 50]
					}]
				},
				// 柱状图数据
				columnDataA: {
					"categories": ["语文", "数学", "外语", "美术", "音乐", "表演", "体育"],
					"series": [{
						"name": "艺术能力与主科能力对比",
						"data": [{
								"value": 90,
								"color": "#FE8D3C"
							},
							{
								"value": 58,
								"color": "#FE8D3C"
							},
							{
								"value": 88,
								"color": "#FE8D3C"
							},
							{
								"value": 58,
								"color": "#FE8D3C"
							},
							{
								"value": 90,
								"color": "#FE8D3C"
							},
							{
								"value": 58,
								"color": "#FE8D3C"
							},
							{
								"value": 90,
								"color": "#FE8D3C"
							}
						]
					}]
				},
			}
		},
		onLoad() {
			_self = this;
			this.cWidth = uni.upx2px(750);
			this.cHeight = uni.upx2px(500);
			this.showRadar("canvasRadar", _self.resultData);
		},
		methods: {
			// 雷达图
			showRadar(canvasId, chartData) {
				canvaRadar = new uCharts({
					$this: _self,
					canvasId: canvasId,
					type: 'radar',
					fontSize: 11,
					legend: {
						show: true
					},
					background: '#FFFFFF',
					pixelRatio: _self.pixelRatio,
					animation: true,
					dataLabel: true,
					categories: chartData.categories,
					series: chartData.series,
					width: _self.cWidth * _self.pixelRatio,
					height: _self.cHeight * _self.pixelRatio,
					extra: {
						radar: {
							max: 100, //雷达数值的最大值
							labelColor: '#666666',
							gridColor: '#F1F1F1'
						}
					}
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import 'xingqucepingjieguo.scss';
</style>
